

<style type="text/css">

    .c1{
        width: 110px;
        height: 110px;
        border: 3px solid white;
        border-radius: 50%;
        overflow: hidden;
    }


    .account-box {
        padding: 1px 10px;
        height: 58px;
        overflow: hidden;
        margin-bottom: 3px;
        /*overflow:auto;*/
        background: #fff;
        display:block;
        white-space:nowrap;
        width:100%;


    }
    .account-box li
    {
        width:25%;
        margin:2px;
        padding-top: 5px;
        border-right:1px solid #bdc3c7 ;
        text-align: center;
        display:inline-block;
    }


    .round_icon{
        width: 34px;
        height: 34px;
        display: flex;
        border-radius: 50%;
        align-items: center;
        justify-content: center;
        overflow: hidden;
    }

</style>

<div style="width: 93%;margin-left: 30px;padding-bottom: 20px">
    <div style="background:url(../../static/img/user/bg-member-info.png) no-repeat; width: 100%;
                        height: 130px;background-size:100% 100%;padding-top: 10px;padding-left: 20px">
        <!--<img src="../../static/img/user/touxiang1.jpg" class="round_icon"  alt="">-->
        <div class="c1" style="float: left">
            <img src="../../static/img/user/touxiang2.jpg" alt="">
        </div>
        <div style="float: left; padding-top: 50px;padding-left: 20px">
            <p>
                <span style="color: white; font-size: 20px">尊敬的会员</span>
            </p>
            <p>
                <a href="#">注册领取会员福利&gt;</a>
            </p>
        </div>
    </div>
    <div>
        <ul class="account-box">
            <li>
                现金<br>
                <a href="#" rel="noreferrer noopener" class="f-price" target="_blank">
                    <span data-hover="￥0">￥0</span>
                </a>
            </li>
            <li>
                返现<br>
                <a href="#" rel="noreferrer noopener" class="f-price" target="_blank">
                    <span data-hover="￥0">￥0</span>
                </a>
            </li>
            <li>
                积分<br>
                <a href="#" rel="noreferrer noopener" class="f-price" target="_blank">
                    <span data-hover="0">0</span>
                </a>
            </li>
            <li>
                优惠券<br>
                <a href="#" rel="noreferrer noopener" class="f-price" target="_blank">
                    <span data-hover="1">1</span>
                </a>
            </li>
        </ul>
    </div>

    <div style="text-align: left;padding-top:60px;padding-left: 10px;font-size: 12px;color: #57606f">
        温馨提示：<br>
        &emsp;&emsp;会员特权<br>
        &emsp;&emsp;1、预订成交享有积分奖励，会员等级越高，积分累加更多！ 点评、购票成功等都也可获得积分！<br>
        &emsp;&emsp;2、您可以使用积分进行机票券兑换。<br>
    </div>
</div>